<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body class="dpflex">
		<main>
			<div id="video" class="rel">
				<img src="#" alt="" id="cover"/>
				<span class="iconfont icon-left3"></span>
				<p class="abs">
					<span class="iconfont icon-continue"></span> <span>视频浏览</span>
				</p>
			</div>

			<div id="introduce">
				<div id="i1">
					<p id="name">..............</p>
					<div class="dpflex">
						<p class="dpflex">
							<span class="bigger" id="kcal">45</span><span>Kcal</span>
							<span class="bigger" id="time">15</span><span>Minutes</span>
						</p>
						<p class="dpflex">
							<span id="peopleNum">99.99w</span>people trained&emsp;
							<span class="iconfont icon-right"></span>
						</p>
					</div>
				</div>
				<div id="i2" class="dpflex">
					<div class="dpflex">
						<img id="head" src="#"></img>
						<p><span>Json</span> <span id="sportTitle">title</span></p>
					</div>

					<button class="bg-blue">+&nbsp;Attention</button>
				</div>
				<div id="i3">
					<p>
						This is a introduce about the course！This is a introduce about the
						course！This is a introduce about the course！<span>...More</span>
					</p>
				</div>
				<div id="i4" class="dpflex">
					<p class="dpflex">
						<span class="iconfont icon-excise2">&nbsp;times </span>
						<span class="small">
							every week
							<span id="frequency"></span>
							to 5
						</span>
					</p>
					<p class="dpflex">
						<span class="iconfont icon-sports"> &nbsp;Instrument </span>

						<span class="small" id="instrument">none</span>
					</p>
				</div>
				<p><button id="turn">Start</button></p>
			</div>
		</main>
	</body>
</html>
